   $(function () {
      // 侧边栏弹出
      $('button').click(function () {
         var left = $('#wrapper')[0].offsetLeft;
         if (left == 0) {
            $('#wrapper').offset({
               'left': 220
            });
            $(this).css('transform', 'rotate(495deg)');
            $('.headSculpture img').addClass('img');
            $('.headSculpture p').addClass('opacity');
            setTimeout(function () {
               $('.option ul>li').addClass('li');
            }, 600)
         } else {
            $('#wrapper').offset({
               'left': 0
            });
            $(this).css('transform', 'rotate(0deg)');
            setTimeout(function () {
               $('.headSculpture img').removeClass('img');
               $('.headSculpture p').removeClass('opacity');
               $('.option ul>li').removeClass('li');
            }, 300)
         }
      })

      // 鼠标触碰改变img样式
       var SRC = [{
            src: 'images/home_1.png'
         },
         {
            src: 'images/works_1.png'
         },
         {
            src: 'images/release_1.png'
         },
         {
            src: 'images/collection_1.png'
         },
         {
            src: 'images/setup_1.png'
         },
         {
            src: 'images/home.png'
         },
         {
            src: 'images/works.png'
         },
         {
            src: 'images/release.png'
         },
         {
            src: 'images/collection.png'
         },
         {
            src: 'images/setup.png'
         },
      ]
      $('.option ul>li').mouseenter(function () {
         var index = $(this).index();
         $(this).children('img').attr('src', SRC[index].src);
      })
      $('.option ul>li').mouseleave(function () {
         var index = $(this).index();
         $(this).children('img').attr('src', SRC[index + 5].src);
      })
   })
